<template lang="pug">
#app
  toast
  login-modal
  view-header(v-if="$route.meta.header")
  project-modal
  material-modal
  preview-carousel
  .app-container(:style="$route.meta.header ? 'height: calc(100% - 80px);' : 'height: 100%'")
    keep-alive(exclude="detail,list,index")
      router-view
</template>
<script>
import viewHeader from '@/components/viewHeader'
import loginModal from '@/components/modal/loginModal'
import Toast from '@/components/modal/toast'
import projectModal from '@/components/modal/projectModal'
import materialModal from '@/components/modal/materialModal'
import previewCarousel from '@/components/modal/previewCarousel'
export default {
  name: 'app',
  data () {
    return {}
  },
  methods: {},
  components: {
    viewHeader,
    loginModal,
    Toast,
    projectModal,
    materialModal,
    previewCarousel
  }
}
</script>
<style lang="scss" scoped>
#app {
  height: 100%;
}
</style>
